﻿<!doctype html>
<html lang="en">

	<head>
		<!-- Meta -->
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">

		<!-- favicon -->
		<link rel="icon" sizes="16x16" href="assets/img/favicon1.ico">

		<!-- Title -->
		<title> ASLife 生活分享平台 </title>

		<!-- Font Google -->
		<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap"
			rel="stylesheet">

		<!-- CSS Plugins -->
		<link rel="stylesheet" href="assets/css/all.css">
		<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/owl.carousel.css">

		<!-- main style -->
		<link rel="stylesheet" href="assets/css/style.css">

	</head>

	<body>
		<!--loading -->
		<div class="loading">
			<div class="circle"></div>
		</div>
		<!--/-->

		<!-- Navigation-->
		<nav class="navbar navbar-expand-lg fixed-top">
			<div class="container-fluid">
				<!--logo-->
				<div class="logo">
					<a href="index.html">
						<img src="assets/img/aslife-logo.png" alt="">
					</a>
				</div>
				<!--/-->

				<!--navbar-collapse-->
				<div class="collapse navbar-collapse" id="main_nav">
					<ul class="navbar-nav ml-auto mr-auto">
						<li class="nav-item ">
							<a class="nav-link " href="index.html"> 首页 </a>

						</li>

						<li class="nav-item ">
							<a class="nav-link " href="find.html" "> 发现 </a>
                    
                </li>
              
                
                <li class=" nav-item">
								<a class="nav-link" href="about.html"> About </a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="publish.html"> 发表 </a>
						</li>

					</ul>
				</div>
				<!--/-->

				<!--navbar-right-->
				<div class="navbar-right ml-auto">
					<div class="social-icones">
						<ul class="list-inline">



							<a href="login.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-person-circle" viewBox="0 0 16 16">
									<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
									<path fill-rule="evenodd"
										d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
								</svg>
							</a>


							<a href="index.html">
								<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
									class="bi bi-chat-square-text-fill" viewBox="0 0 16 16">
									<path
										d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.5a1 1 0 0 0-.8.4l-1.9 2.533a1 1 0 0 1-1.6 0L5.3 12.4a1 1 0 0 0-.8-.4H2a2 2 0 0 1-2-2V2zm3.5 1a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9zm0 2.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z" />
								</svg>
							</a>


						</ul>
					</div>

					<div class="search-icon">
						<i class="icon_search"></i>
					</div>

					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main_nav"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
				</div>
			</div>
		</nav>
		<!--/-->

		<!--author-->
		<section class="section author full-space mb-40 pt-55">
			<div class="container-fluid">
				<div class="row" id="article">
					<!-- <div class="col-lg-12">
						<div class="widget-author inner-width">
							<a href="author.html" class="image">
								<img src="assets/img/author/1.jpg" alt="">
							</a>
							<h6><span>Hi, I'm David Smith</span></h6>
							<div class="link">13 Articles</div>
							<p> I'm David Smith, husband and father , I love Photography,travel
								and nature. I'm working as a writer
								and blogger with experience of 5 years until now.
							</p>

						
						</div>
					</div> -->
				</div>
			</div>
		</section>

		<!--mansory-layout-->
		<section class="masonry-layout col2-layout mt-30">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12">
						<!--cards-->
						<div class="card-columns" id="author_article">
							<!--Post-1-->
							<!-- <div class="card">
								<div class="post-card post-full">
									<div class="post-card-image">
										<a href="post-default.html"><img src="assets/img/blog/27.jpg" alt=""></a>
									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">Livestyle</a>
										<h5>
											<a href="post-default.html">20+ Cute Girly Outfits to Buy for the First Day
												of Winter</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div> -->
							<!--/-->
							<!-- </div> -->
							<!--Post-2-->
							<!-- <div class="card">
								<div class="post-card post-full">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/16.jpg" alt="">
										</a>
									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">fashion</a>
										<h5>
											<a href="post-default.html">Top 10 Fashion Trends from Spring/Summer 2021
												Fashion Weeks</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div> -->
							<!--/-->
							<!-- </div> -->

							<!--Post-3-->
							<!-- <div class="card">
								<div class="post-card post-full">
									<div class="post-card-image post-full">
										<a href="post-default.html">
											<img src="assets/img/blog/14.jpg" alt="">
										</a>
									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie"> Livestyle</a>
										<h5>
											<a href="post-default.html">How to Choose Outfits for Work for woman and
												men</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							<!--/-->

							<!--Post-4-->
							<!-- <div class="card">
								<div class=" post-card post-full">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/6.jpg" alt="">
										</a>
									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie">travel</a>
										<h5>
											<a href="post-default.html">How to wear when you travel to Montain and
												Forest?</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							<!--/-->

							<!--Post-5-->
							<!-- <div class="card">
								<div class="post-card post-full">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/2.jpg" alt="">
										</a>
									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie"> Livestyle</a>
										<h5>
											<a href="post-default.html">How reading rewires your brain for higher
												intelligence</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							<!--/-->

							<!--Post-6-->
							<!-- <div class="card">
								<div class="post-card post-full">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/15.jpg" alt="">
										</a>
									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie"> travel</a>
										<h5>
											<a href="post-default.html">Top 10 Forests That Every Nature Lover Must
												Visit</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							<!--/-->

							<!--Post-7-->
							<!-- <div class="card">
								<div class="post-card post-full">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/11.jpg" alt="">
										</a>

									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie"> Livestyle</a>
										<h5>
											<a href="post-default.html">10 best Casual hijab outfit trendy for new year
												with bags</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							<!--/-->

							<!--Post-7-->
							<!-- <div class="card">
								<div class="post-card post-full">
									<div class="post-card-image">
										<a href="post-default.html">
											<img src="assets/img/blog/25.jpg" alt="">
										</a>
										<a href="post-default.html">

										</a>
									</div>
									<div class="post-card-content">
										<a href="blog-grid.html" class="categorie"> fashion</a>
										<h5>
											<a href="post-default.html">Christmas Day outfit ideas: what to wear on
												Christmas Day</a>
										</h5>
										<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit quam atque ipsa
											laborum sunt distinctio...
										</p>
										<div class="post-card-info">
											<ul class="list-inline">
												<li>
													<a href="author.html">
														<img src="assets/img/author/1.jpg" alt="">
													</a>
												</li>
												<li>
													<a href="author.html">David Smith</a>
												</li>
												<li class="dot"></li>
												<li>January 15, 2021</li>
											</ul>
										</div>
									</div>
								</div>
							</div> -->
							<!--/-->

						</div>

					</div>

				</div>
			</div>
		</section>
		<!--/-->

		<!--Search-->
		<div class="search">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-10 offset-sm-1 text-center">
						<button type="button" class="close">
							<i class="icon_close"></i>
						</button>
						<form class="search-form" action="#">
							<input type="search" value="" placeholder="What are you looking for?">
							<button type="submit" class="search-btn">search</button>
						</form>
					</div>
				</div>
			</div>
		</div>
		<!--/-->

		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="assets/js/jquery-3.5.0.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>

		<!-- JS Plugins  -->
		<script src="assets/js/ajax-contact.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/main.js"></script>


		<script>
			console.log(window.location.href)
			let uid = window.location.href.split("?")[1]
			console.log(uid)

			$(document).ready(function() {

				//初始加载调用一次
				getData();
				getData1();

				function getData() {

					//jQuery封装的方法
					$.ajax({

						url: "http://localhost:8080/api/user/" + uid,
						async: true,
						dataType: "json",
						type: "get",
						// 请求成功后，服务端正常响应的回调函数
						success: function(responsedata) {

							let d = responsedata.data;
							console.log(d)
							let str = `
	            <div class="col-lg-12">
	            	<div class="widget-author inner-width">
	            			<img src="assets/img/author/1.jpg" alt="">
	            		<h6><span>${d.name}</span></h6>
						<h6><span>邮箱:${d.email}</span></h6>
						<h6><span>邮箱:${d.birthday}</span></h6>					
	            		<div class="link">13篇文章</div>
	            		<p> 
	            		</p>
	            
	            	
	            	</div>
	            </div>`;
							$("#article").append(str);
						}

						// resolvepage();


					});
				}

				function getData1() {

					//jQuery封装的方法
					$.ajax({

						url: "http://localhost:8080/api/article1/" + uid,
						async: true,
						dataType: "json",
						type: "get",
						// 请求成功后，服务端正常响应的回调函数
						success: function(responsedata) {

							let list = responsedata.rows;
							for (let l of list) {
								console.log(l)
								let str = `
							 <div class="card">
							 	<div class="post-card post-full">
							 		<div class="post-card-image">
							 			<img src="https://as-soul.oss-cn-hangzhou.aliyuncs.com/article-img/${l.img}" alt="">
							 		</div>
							 		<div class="post-card-content">
							 			<a href="blog-grid.html" class="categorie">Livestyle</a>
							 			<h5>
							 				${l.title}
							 			</h5>
							 			<p>
										${l.text}
							 			</p>
							 			<div class="post-card-info">
							 				<ul class="list-inline">
							 					<li>
							 						
							 							<img src="assets/img/author/1.jpg" alt="">
							 						
							 					</li>
							 					<li>
							 						${l.uid}
							 					</li>
							 					<li class="dot"></li>
							 					<li>点赞数:${l.goods}</li>
							 				</ul>
							 			</div>
							 		</div>
							 	</div>
							 	<!--/-->
							 </div>`;
								$("#author_article").append(str);
							}
						}


					});
				}
			});
		</script>



	</body>
</html>
